
<div id="options">
    <a href="javascript:parentAccordion.pr(1)">Exand All</a> | <a href="javascript:parentAccordion.pr(-1)">Collapse All</a>
</div>
<ul class="acc" id="acc">
    <?php
        
        $dimension2 = $dimension1->getLesDimensions2();
        ?>
        <li>
            <h3><?php echo $dimension1->getRefD1() . " - " . $dimension1->getNom(); ?></h3>
            <div class="acc-section">
                <div class="acc-content">
                    <ul class="acc" id="nested">
                        <?php foreach ($dimension2 as $d2) { ?>
                            <li>
                                <h3><?php echo $d2->getTitre(); ?></h3>
                                <div class="acc-section">
                                    <div class="acc-content">
                                        <?php echo htmlentities($d2->getDescr()); ?>
                                        <h4>Niveaux</h4>
                                        <h4>Connaissances</h4>
                                    </div>
                                </div>
                            </li>
                        <? } ?>
                    </ul>

                </div>
            </div>
        </li>
</ul>


<script type="text/javascript">

    var parentAccordion=new TINY.accordion.slider("parentAccordion");
    parentAccordion.init("acc","h3",0,0);

    var nestedAccordion=new TINY.accordion.slider("nestedAccordion");
    nestedAccordion.init("nested","h3",1,-1,"acc-selected");

</script>

